#{stylesheet 'widgets/form.css' /}
#{script 'materiales/form.js' /}

#{form @Materiales.save(), id: 'material-form'}
<div class="hidden"> 
#{field 'materialDTO.id'}
<p>
	<label>&{field.name}</label> 
	<input type="text" id="${field.id}" name="${field.name}" value="${field.value}" />
</p>
#{/}
</div>
<div>
<p>
	<label>Tipo material</label> 
#{field 'materialDTO.tipo'}
#{select field.name, value: field.value, id: field.id}
	#{option 1}Impresion#{/option}
	#{option 2}Laminado#{/option}
	#{option 3}Montaje#{/option}
#{/select}
#{/}
</p>
</div>
<div> 
#{field 'materialDTO.nombre'}
<p>
	<label>Nombre</label> 
	#{input for:field.name, id:field.id /}
</p>
#{/}
</div>
<div>
#{field 'materialDTO.precio'}
<p>
	<label>Precio x m2</label> 
	#{input for:field.name, id:field.id, class:'priceField' /}
</p>
#{/}
</div>

<div id="field-temperatura">
#{field 'materialDTO.temperatura'}
<p>
	<label>Temperatura (°C)</label> 
	#{input for:field.name, id:field.id, class:'numberField' /}
</p>
#{/}
</div>
<div id="field-espesor">
#{field 'materialDTO.espesor'}
<p>
	<label>Espesor (mm)</label> 
	#{input for:field.name, id:field.id, class:'numberField' /}
</p>
#{/}
</div>

<div id="field-acabado">
#{field 'materialDTO.acabadoId'}
<p>
	<label>Acabado</label> 
	#{select field.name, items:acabados, valueProperty:'id', labelProperty:'nombre', value: field.value, id:field.id /} 
</p>
#{/}
</div>

<div class="floatright">
	<input id="button-save" type="submit" value="Guardar" class="button tiny orange" /> 
	<button id="button-delete" class="button tiny">Eliminar</button>
	<button id="button-close" class="button tiny">Cerrar</button> 
</div>
#{/form}
